<template>
    <div class="com-detail">
        <!-- 顶部分页、其他按钮操作 -->
        <div class="com-detail-top">
            <Top v-bind="$attrs" v-on="$listeners"></Top>
        </div>
        <!-- 内容部分 -->
        <div class="com-detail-content">
            <!-- 左 -->
            <div class="left">
                <slot name="left"></slot>
            </div>
            <!-- 右 -->
            <div class="right">
                <Tabs v-bind="$attrs" v-on="$listeners"></Tabs>
                <div class="content">
                    <slot name="tabsItem"></slot>
                </div>
            </div>
        </div>
    </div>
</template>
<script lang="ts" setup>
import Top from './Top.vue';
import Tabs from './Tabs.vue';
</script>